 .warpper {
     margin-top: 67px;
     box-sizing: border-box;
     .new-warpper {
         display: flex;
         margin-top: 10px;
         align-items: flex-start;
         .newList {
             width: 895px;
             .headline-warpper {
                 display: flex;
                 align-items: flex-start;
                 margin-bottom: 59px;
                 .leftright {
                     margin-top: 169px;
                     display: flex;
                     justify-content: space-between;
                     .title {
                         font-size: 18px;
                         color: #616060;
                         cursor: pointer;
                         span {
                             &:hover {
                                 color: #ffb852;
                             }
                         }
                     }
                 }
                 .item-icon {
                     width: 77px;
                     height: 75px;
                     box-sizing: border-box;
                     color: #fff;
                     background-color: #424242;
                     display: flex;
                     flex-direction: column;
                     align-items: center;
                     justify-content: center;
                     border-right: 6px solid #5287ff;
                     border-bottom: 4px solid #5287ff;
                     .big {
                         font-size: 43px;
                         margin-bottom: 2px;
                     }
                     .xiao {
                         font-size: 12px;
                     }
                 }
                 .item-desc {
                     flex: 1;
                     margin-left: 20px;
                     .new-images {
                         width: 797px;
                         height: 343px;
                         background-color: #eee;
                         margin-bottom: 23px;
                         img {
                             width: 100%;
                             height: 100%;
                             object-fit: cover;
                         }
                     }
                     .new-title {
                         color: #424242;
                         font-size: 25px;
                         margin-bottom: 24px;
                     }
                     .new-desc {
                         font-size: 18px;
                         color: #777777;
                         line-height: 37px;
                     }
                     .recommend {
                         .title-warpper {
                             margin-top: 64px;
                             height: 70px;
                             display: flex;
                             align-items: flex-end;
                             .title {
                                 width: 140px;
                                 height: 70px;
                                 line-height: 70px;
                                 position: relative;
                                 text-align: center;
                                 font-size: 26px;
                                 letter-spacing: 5px;
                                 &:after,
                                 &:before {
                                     content: '';
                                     position: absolute;
                                     width: 138px;
                                     height: 9px;
                                     background-color: #d2d2d2;
                                     left: 0;
                                     right: 0;
                                     margin: auto;
                                 }
                                 &:before {
                                     bottom: 0;
                                 }
                                 &:after {
                                     top: 0;
                                 }
                             }
                             .icon {
                                 flex: 1;
                                 height: 2px;
                                 background-color: #d2d2d2;
                             }
                         }
                         .list {
                             margin-top: 50px;
                             background-color: #f1efef;
                             padding: 0 30px;
                             border-radius: 10px;
                             .item {
                                 height: 55px;
                                 display: flex;
                                 align-items: center;
                                 justify-content: space-between;
                                 border-bottom: 1px solid #bfbfbf;
                                 font-size: 20px;
                                 cursor: pointer;
                                 &:last-child {
                                     border-bottom: unset;
                                 }
                                 .item-title {
                                     width: 550px;
                                     overflow: hidden;
                                     text-overflow: ellipsis;
                                     white-space: nowrap;
                                     color: #383838;
                                     &:hover {
                                         color: #6ba0f7;
                                     }
                                 }
                                 .item-time {
                                     color: #a1a2a4;
                                 }
                             }
                         }
                     }
                 }
             }
         }
         .rightList {
             flex: 1;
             margin-left: 67px;
             .item-warpper {
                 width: 100%;
                 height: 232px;
                 box-shadow: 0 0 5px rgba(#000, .2);
                 margin-bottom: 40px;
                 cursor: pointer;
                 overflow: hidden;
                 &:hover .item-title{
                     color: #5287ff;
                 }
                 .img-warpper {
                     width: 100%;
                     height: 175px;
                     background-color: #000;
                     overflow: hidden;
                     .item-img {
                         width: 100%;
                         height: 175px;
                         transition: .5s all;
                         object-fit: cover;
                         &:hover {
                             opacity: .8;
                             transform: scale(1.2);
                         }
                     }
                 }
                 .item-title {
                     box-sizing: border-box;
                     padding: 0 15px;
                     padding-top: 5px;
                     font-size: 16px;
                     line-height: 23px;
                     overflow: hidden;
                     transition: .5s all;
                     text-overflow: ellipsis;
                     display: -webkit-box;
                     -webkit-line-clamp: 2;
                     -webkit-box-orient: vertical;
                 }
             }
         }
     }
 }